$(function(){

	$('#dg').datagrid({ url : 'product_queryJoinCategory.action', loadMsg : '正在加载 请稍后...',
	// 自动适应宽度
	// width : 500,
	idField : 'id',
	fitColumns : true,
	pagination : true,
	pageList : [ 5, 10, 15, 20 ], 
	queryParams : {name : ''},
	toolbar : [ { iconCls : 'icon-add', text : '新增商品', handler : function(){

		parent.$('#win').window({ title : '添加商品', width : 400, height : 500,
		 content : '<iframe src="send_product_save.action" frameborder="0" width="100%" height="100%" />'
		});
	}
	}, '-', { iconCls : 'icon-edit', text : '更新商品', handler : function(){
		var rows = $('#dg').datagrid("getSelections");
		if(rows.length != 1){
			// 弹出错误提示信息
			$.messager.show({ title : '错误提示', msg : '一次只能更新一条记录', timeout : 3500, showType : 'slide'
			});

		}else{
			parent.$('#win').window({
				title : '更新商品', 
				width : 400,
				height : 500, 
				content : '<iframe src="send_product_update.action" frameborder="0" width="100%" height="100%" />'
			});
		}
	}
	}, '-', { iconCls : 'icon-remove', text : '删除类别', handler : function(){

		var rows = $('#dg').datagrid("getSelections");
		if(rows.length == 0){
			// 弹出错误提示信息
			$.messager.show({ title : '错误提示', msg : '请选择要删除的记录', timeout : 3500, showType : 'slide'
			});

		}else{
			// 获取要删除的记录 从记录中获取相应的id
			var ids = "";
			for( var i = 0 ; i < rows.length ; i++){
				ids += rows[i].id + ",";
			}
			ids = ids.substring(0,ids.lastIndexOf(","));

			// 确认删除信息对话框
			$.messager.confirm('删除确认对话框','您确定要删除第' + ids + '行的记录吗？',function(r){

				if(r){
					$.post("product_deleteByIds.action",{ ids : ids
					},function(result){

						if(result == "true"){
							$('#dg').datagrid("unselectAll");
							$('#dg').datagrid("reload");
						}else{
							$.messager.show({ title : '删除异常', msg : '删除失败，请检查操作', timeout : 3500, showType : 'slide'
							});
						}
					},'text');
				}
			});
		}
	}
	}, '-', { text : '<input id="ss" name="searchbox" />',
	} ],
	/*
	 * rowStyler: function(index,row){ if (index%2==0){ return
	 * 'background-color:#fff;color:#f00;'; }else{ return
	 * 'background-color:#fff;color:#0f0;'; } },
	 */
	frozenColumns : [ [ { field : 'x', checkbox : true
	}, { field : 'id', title : '编号', width : 100
	}, ] ], 
	columns : [ [ { field : 'name', title : '商品名称', width : 150,
	// 返回格式化的数据
	formatter : function(value,row,index){

		// 鼠标移动到列表 显示全部数据
		return "<span title=" + value + ">" + value + "</span>";
	}
	}, { field : 'price', title : '商品价格', width : 150
	}, { field : 'remark', title : '商品简单介绍', width : 150
	}, { field : 'xremark', title : '商品详细介绍', width : 150
	}, { field : 'commend', title : '推荐商品', width : 100, formatter : function(value,row,index){

		if(value){
			return "<input type='checkbox' checked='checked' disabled='disabled'>";
		}else{
			return "<input type='checkbox' disabled='disabled'>";
		}
	}
	}, { field : 'open', title : '有效商品', width : 100, formatter : function(value,row,index){

		if(value){
			return "<input type='checkbox' checked='checked' disabled='disabled'>";
		}else{
			return "<input type='checkbox' disabled='disabled'>";
		}
	}
	}, { field : 'category.type', title : '所属类别', width : 100,
		formatter : function(value, row, index) {
		if (row.category != null && row.category.type != null) {
			return row.category.type;
		} else {
			return '<a style="color: #f00;">未设置类别</a>';
		}
	}
	} ] ]
	});
	// 搜索框
	$('#ss').searchbox({ searcher : function(value,name){

		// alert(value + "," + name)
		$('#dg').datagrid('load',{ name : value});
	}, prompt : '请输入查询内容'
	});
});